.mybox ul {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.mybox ul li {
		width: 24%;
		padding: 0 8px;
    	margin-bottom: 16px;
    	text-align: left;
    	transition: all 0.5s ease;
    	box-sizing: border-box;
		overflow: hidden;
	}
	.mybox ul li a {
		overflow: hidden;
	}
	.mybox ul li:hover a div img {
		transform: scale(1.05);
	}
	.mybox ul li a div {
		overflow: hidden;
	}
	.mybox ul li a h4 {
		height: 20px;
	    line-height: 20px;
	    font-size: 16px;
	    font-weight: 700;
	    word-wrap: normal;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    margin-top: 8px;
	}
	.mybox ul li a:hover h4 {
		color: #cd131f;
	}
	.mybox ul li a p {
	    margin-top: 4px;
	    color: #999;
	    font-size: 14px;
	    height: 16px;
	    line-height: 16px;
	   	word-wrap: normal;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	}

@media (max-width: 769px) {
    .mybox ul li {
	    width: 100%;
	}
}